<script setup>
</script>

<template>
  <el-col :span="12">
    <el-card>
      <!-- 营收目标 -->
      <h3>营收目标</h3>
      <div class="demo-progress">
        <div class="mx">
          <el-text size="large">本月营收</el-text>
          <el-text style="color: #409eff" size="large">进度75.00%</el-text>
        </div>
        <el-progress :stroke-width="10" :percentage="75" :show-text="false" />
        <div class="mx">
          <el-text size="large">本月目标万元</el-text>
          <el-text size="large">进度75.00%</el-text>
        </div>
      </div>
      <div class="demo-progress">
        <div class="mx">
          <el-text size="large">年度营收</el-text>
          <el-text style="color: #2dc7c9" size="large">进度70.00%</el-text>
        </div>
        <el-progress
          color="#2DC7C9"
          :stroke-width="10"
          :percentage="70"
          :show-text="false"
        />
        <div class="mx">
          <el-text size="large">年度目标万元</el-text>
          <el-text size="large">进度75.00%</el-text>
        </div>
      </div>
    </el-card>
  </el-col>
  <el-col :span="12">
    <el-card>
      <!-- 毛利目标 -->
      <h3>毛利目标</h3>
      <div class="demo-progress">
        <div class="mx">
          <el-text size="large">本月毛利</el-text>
          <el-text style="color: #409eff" size="large">进度75.00%</el-text>
        </div>
        <el-progress :stroke-width="10" :percentage="75" :show-text="false" />
        <div class="mx">
          <el-text size="large">本月目标万元</el-text>
          <el-text size="large">当前完成万元</el-text>
        </div>
      </div>
      <div class="demo-progress">
        <div class="mx">
          <el-text size="large">年度毛利万元</el-text>
          <el-text style="color: #2dc7c9" size="large">进度70.00%</el-text>
        </div>
        <el-progress
          color="#2DC7C9"
          :stroke-width="10"
          :percentage="70"
          :show-text="false"
        />
        <div class="mx">
          <el-text size="large">年度目标万元</el-text>
          <el-text size="large">当前完成万元</el-text>
        </div>
      </div>
    </el-card>
  </el-col>
</template>

<style lang="scss">

</style>
